<template>
	<view class="box">
		<view class="box-status">
			<image class="box-status-icon" src="https://luban-partner.oss-cn-chengdu.aliyuncs.com/I0JDBQMPG232XLOHPU1GJVRRDZUTV6RP.png" />
			<view class="box-status-title">支付成功</view> 
		</view>
		<view class="box-money"><text class="unit">￥</text>{{amount}}</view>
		<view>
			<view class="box-finish box-order" @tap="bindNavigeTo">返回首页</view>
			<!-- <view class="box-finish" @tap="bindNavigeTo">返回</view> -->
		</view>
	</view>
</template>
<script setup>
import { onLoad} from '@dcloudio/uni-app'
import { ref } from 'vue'
let amount 	= ref('')
onLoad(opt => {
	amount.value  = opt.amount
})
const bindNavigeTo = () =>{
	uni.switchTab({
	  url: '/pages/index/index' // 页面路径
	});
	uni.removeStorageSync("shops_code");
} 
</script>

<style lang="scss" scoped>
.box {
	padding-top:8vh;
	text-align: center;
	.box-status{
		.box-status-icon{
			width: 100rpx;
			height: 100rpx;
			margin: 24rpx auto;
		}
		.title{
			font-size: 40rpx;
			font-weight: 500;
			margin: 24rpx;
		}
	}
	.box-money {
		font-size: 76rpx;
		padding: 56rpx 0;
		font-weight:600;
		.unit{
			font-size: 40rpx;
		}
	}
	.box-order{
		background-color: #07C160;
		color: #fff;
	}
	.box-finish {
		font-size: 32rpx;
		margin: 32rpx auto;
		text-align: center;
		width: 600rpx;
		height: 90rpx;
		border-radius: 65rpx;
		border: 1px solid #F2f2f2;
		line-height: 90rpx;
	}
}




</style>
